//
//  WBVisitorView.swift
//  传智新浪微博
//
//  Created by app on 17/6/7.
//  Copyright © 2017年 app. All rights reserved.
//

import UIKit

/// 访客视图
class WBVisitorView: UIView {

    /// 注册按钮
    lazy var registerButton: UIButton = UIButton.lwh_imgButton(title: "注册", fontSize: 16, normalColor: UIColor.orange, highlightedColor: UIColor.black, backgroundImageName: "fang_visitor")
    
    
    /// 登录按钮
    lazy var loginButton: UIButton = UIButton.lwh_imgButton(title: "登录", fontSize: 16, normalColor: UIColor.darkGray, highlightedColor: UIColor.black, backgroundImageName: "fang_visitor")

    
    /// 访客视图的信息字典 【imageName / message】
    /// 如果是首页 imageName == ""
    var visitorInfo: [String: String]? {
        didSet {

            // (1). 取字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {
                    
                    return
            }

            // (2). 设置信息
            tipLabel.text = message
            
            // (3). 设置图像，首页不需要设置
            if imageName == ""
            {
                startAnimation()
                return
            }
            
            iconView.image = UIImage(named: imageName)
            
            // 其他控制器的访客视图不需要显示小房子
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        
        }
    }
    
    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    /// 旋转图标动画(首页需要)
    private func startAnimation() {
        
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.toValue = 2 * M_PI
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        // 动画完成不删除，如果 iconView 被释放，动画会一起销毁（包括按下 home键再回来动画也会连续播放）。
        // 在设置连续播放的动画非常有用
        anim.isRemovedOnCompletion = false
        
        // 将动画添加到图层
        iconView.layer.add(anim, forKey: nil)
    }
    
    
    
    // MARK: - 私有控件
    /// 懒加载属性只有调用 UIKit 控件的指定构造函数，其他的都需要使用类型
    /// 图像视图
    lazy var iconView = UIImageView(image: UIImage(named: "circle_visitor"))
    
    /// 遮罩图像 - 不要使用 maskView
    lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "background_visitor"))
    
    /// 小房子
    lazy var houseIconView = UIImageView(image: UIImage(named: "home_visitor"))
    
    /// 提示标签
    lazy var tipLabel = UILabel.lwh_label(withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看看啊", fontSize: 14, color: UIColor.darkGray)
    
    
}


/// MARK: - 设置界面
extension WBVisitorView {
    
    func setupUI() {
        backgroundColor = UIColor.groupTableViewBackground
        
        // 1. 添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        // 2. 取消 autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3. 自动布局
        let margin: CGFloat = 20.0
        
        // (1). 图像视图
        // view1.attr1 = view2.attr2 * multiplier + constant"
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))

        // (2). 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        
        // (3). 提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))

        // (4). 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        // (5). 登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))


        // (6). 遮罩视图
        // views: 定义 VFL 中的'控件'名称和实际名称映射关系
        // metrics: 定义 VFL 中 () 指定的'常数'映射关系
        
        let viewDict = ["maskIconView": maskIconView,
                        "loginButton": loginButton,
                        "houseIconView": houseIconView] as [String : Any]
        let metrics = ["spacing": self.bounds.height / 2, "cha": houseIconView.center.y]
        
        
        
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-(spacing)-[maskIconView]-0-|",
                                                      options: [],
                                                      metrics: metrics,
                                                      views: viewDict))


    }
}



